<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>稻普资金子系统-登录</title>
    <link rel="stylesheet" href="../../plugins/layui/css/layui.css" media="all">
    <link rel="stylesheet" type="text/css" href="http://www.jq22.com/jquery/font-awesome.4.6.0.css">
    <link rel="stylesheet" href="../../build/css/common.css" media="all">
</head>
<body >
<div class="layui-padding">
    <ul class="cly-orderDetail">
        <li>分公司：<span>贵州黔南部（合伙）</span></li>
        <li>客户姓名：<span>李怀杰</span></li>
        <li>订单生成时间：<span>2018-08-15 16:41</span></li>
        <li><button data-method="offset" data-type="auto" class="layui-btn layui-btn-small layui-btn-danger" ><i class="fa fa-ban"></i>&nbsp;申请终止订单</button></li>
    </ul>
    <div class="cly-tab">
        <div class="cly-tab-title">
            <li class="cly-this">申请材料</li>
            <li>贷款信息表</li>
            <li>还款计划</li>
            <li>请求日志</li>
        </div>
        <div class="cly-tab-content">
            <div class="cly-tab-item cly-show">
                <div class="layui-form-item">
                    <div class="cly-lineTitle"><i class="fa fa-newspaper-o"></i>借款人材料</div>
                    <div class="cly-businessCon">
                        <div class="layui-upload">
                            <div class="layui-upload-list">
                                <img class="layui-upload-img" id="" src="../../build/images/moren.png">
                                <p>身份证正面</p>
                            </div>
                            <input type="hidden" class="img-url"  id="" name="urlImgBanner"/>
                            <input type="file" id="" name="urlImgCover_file" class="uploadCss" onchange="layui.qiniu.getToken(this);" accept="image/jpg,image/gif,image/png,image/jpeg,image/JPG,image/GIF,image/PNG,image/JPEG"/>
                        </div>
                        <div class="layui-upload">
                            <div class="layui-upload-list">
                                <img class="layui-upload-img" id="" src="../../build/images/moren.png">
                                <p>身份证反面</p>
                            </div>
                            <input type="hidden" class="img-url"  id="" name="urlImgBanner"/>
                            <input type="file" id="" name="urlImgCover_file" class="uploadCss" onchange="layui.qiniu.getToken(this);" accept="image/jpg,image/gif,image/png,image/jpeg,image/JPG,image/GIF,image/PNG,image/JPEG"/>
                        </div>
                        <div class="layui-upload">
                            <div class="layui-upload-list">
                                <img class="layui-upload-img" id="" src="../../build/images/moren.png">
                                <p>驾照</p>
                            </div>
                            <input type="hidden" class="img-url"  id="" name="urlImgBanner"/>
                            <input type="file" id="" name="urlImgCover_file" class="uploadCss" onchange="layui.qiniu.getToken(this);" accept="image/jpg,image/gif,image/png,image/jpeg,image/JPG,image/GIF,image/PNG,image/JPEG"/>
                        </div>
                        <div class="layui-upload">
                            <div class="layui-upload-list">
                                <img class="layui-upload-img" id="" src="../../build/images/moren.png">
                                <p>户口本首页</p>
                            </div>
                            <input type="hidden" class="img-url"  id="" name="urlImgBanner"/>
                            <input type="file" id="" name="urlImgCover_file" class="uploadCss" onchange="layui.qiniu.getToken(this);" accept="image/jpg,image/gif,image/png,image/jpeg,image/JPG,image/GIF,image/PNG,image/JPEG"/>
                        </div>
                        <div class="layui-upload">
                            <div class="layui-upload-list">
                                <img class="layui-upload-img" id="" src="../../build/images/moren.png">
                                <p>户口本主页</p>
                            </div>
                            <input type="hidden" class="img-url"  id="" name="urlImgBanner"/>
                            <input type="file" id="" name="urlImgCover_file" class="uploadCss" onchange="layui.qiniu.getToken(this);" accept="image/jpg,image/gif,image/png,image/jpeg,image/JPG,image/GIF,image/PNG,image/JPEG"/>
                        </div>
                        <div class="layui-upload">
                            <div class="layui-upload-list">
                                <img class="layui-upload-img" id="" src="../../build/images/moren.png">
                                <p>户口本本人页</p>
                            </div>
                            <input type="hidden" class="img-url"  id="" name="urlImgBanner"/>
                            <input type="file" id="" name="urlImgCover_file" class="uploadCss" onchange="layui.qiniu.getToken(this);" accept="image/jpg,image/gif,image/png,image/jpeg,image/JPG,image/GIF,image/PNG,image/JPEG"/>
                        </div>
                        <div class="layui-upload">
                            <div class="layui-upload-list">
                                <img class="layui-upload-img" id="" src="../../build/images/moren.png">
                                <p>婚姻证明</p>
                            </div>
                            <input type="hidden" class="img-url"  id="" name="urlImgBanner"/>
                            <input type="file" id="" name="urlImgCover_file" class="uploadCss" onchange="layui.qiniu.getToken(this);" accept="image/jpg,image/gif,image/png,image/jpeg,image/JPG,image/GIF,image/PNG,image/JPEG"/>
                        </div>
                        <div class="layui-upload">
                            <div class="layui-upload-list">
                                <img class="layui-upload-img" id="" src="../../build/images/moren.png">
                                <p>具结书</p>
                            </div>
                            <input type="hidden" class="img-url"  id="" name="urlImgBanner"/>
                            <input type="file" id="" name="urlImgCover_file" class="uploadCss" onchange="layui.qiniu.getToken(this);" accept="image/jpg,image/gif,image/png,image/jpeg,image/JPG,image/GIF,image/PNG,image/JPEG"/>
                        </div>
                        <div class="layui-upload">
                            <div class="layui-upload-list">
                                <img class="layui-upload-img" id="" src="../../build/images/moren.png">
                                <p>收入证明</p>
                            </div>
                            <input type="hidden" class="img-url"  id="" name="urlImgBanner"/>
                            <input type="file" id="" name="urlImgCover_file" class="uploadCss" onchange="layui.qiniu.getToken(this);" accept="image/jpg,image/gif,image/png,image/jpeg,image/JPG,image/GIF,image/PNG,image/JPEG"/>
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="cly-lineTitle"><i class="fa fa-newspaper-o"></i>共还人材料</div>
                    <div class="cly-businessCon">
                        <div class="layui-upload">
                            <div class="layui-upload-list">
                                <img class="layui-upload-img" id="" src="../../build/images/moren.png">
                                <p>身份证正面</p>
                            </div>
                            <input type="hidden" class="img-url"  id="" name="urlImgBanner"/>
                            <input type="file" id="" name="urlImgCover_file" class="uploadCss" onchange="layui.qiniu.getToken(this);" accept="image/jpg,image/gif,image/png,image/jpeg,image/JPG,image/GIF,image/PNG,image/JPEG"/>
                        </div>
                        <div class="layui-upload">
                            <div class="layui-upload-list">
                                <img class="layui-upload-img" id="" src="../../build/images/moren.png">
                                <p>身份证反面</p>
                            </div>
                            <input type="hidden" class="img-url"  id="" name="urlImgBanner"/>
                            <input type="file" id="" name="urlImgCover_file" class="uploadCss" onchange="layui.qiniu.getToken(this);" accept="image/jpg,image/gif,image/png,image/jpeg,image/JPG,image/GIF,image/PNG,image/JPEG"/>
                        </div>
                    </div>
                </div>

                <div class="layui-form-item">
                    <div class="cly-lineTitle"><i class="fa fa-newspaper-o"></i>协议材料</div>
                    <div class="cly-businessCon">
                        <div class="layui-upload">
                            <div class="layui-upload-list">
                                <img class="layui-upload-img" id="" src="../../build/images/moren.png">
                                <p>共银牡丹信用卡透支分期合同</p>
                            </div>
                            <input type="hidden" class="img-url"  id="" name="urlImgBanner"/>
                            <input type="file" id="" name="urlImgCover_file" class="uploadCss" onchange="layui.qiniu.getToken(this);" accept="image/jpg,image/gif,image/png,image/jpeg,image/JPG,image/GIF,image/PNG,image/JPEG"/>
                        </div>
                        <div class="layui-upload">
                            <div class="layui-upload-list">
                                <img class="layui-upload-img" id="" src="../../build/images/moren.png">
                                <p>工银信用卡申请表</p>
                            </div>
                            <input type="hidden" class="img-url"  id="" name="urlImgBanner"/>
                            <input type="file" id="" name="urlImgCover_file" class="uploadCss" onchange="layui.qiniu.getToken(this);" accept="image/jpg,image/gif,image/png,image/jpeg,image/JPG,image/GIF,image/PNG,image/JPEG"/>
                        </div>
                        <div class="layui-upload">
                            <div class="layui-upload-list">
                                <img class="layui-upload-img" id="" src="../../build/images/moren.png">
                                <p>信用卡透支导包服务合同</p>
                            </div>
                            <input type="hidden" class="img-url"  id="" name="urlImgBanner"/>
                            <input type="file" id="" name="urlImgCover_file" class="uploadCss" onchange="layui.qiniu.getToken(this);" accept="image/jpg,image/gif,image/png,image/jpeg,image/JPG,image/GIF,image/PNG,image/JPEG"/>
                        </div>
                    </div>
                </div>
            </div>
            <div class="cly-tab-item">
                <div class="cly-lineTitle"><i class="fa fa-newspaper-o"></i>业务详情</div>
                <div class="cly-businessCon">
                    <table class="cly-valueBox">
                        <tr>
                            <td><span class="cly-info-key"> 车辆性质：</span></td>
                            <td>
                                    <span class="cly-info-value">
                                        <input class="layui-input" readonly id="" name="">
                                    </span>
                            </td>
                        </tr>

                        <tr>
                            <td><span class="cly-info-key"> 业务类型：</span></td>
                            <td>
                                    <span class="cly-info-value">
                                        <input class="layui-input" readonly id="" name="">
                                    </span>
                            </td>
                        </tr>

                        <tr>
                            <td><span class="cly-info-key"> 经办银行：</span></td>
                            <td>
                                    <span class="cly-info-value">
                                        <input class="layui-input" readonly id="" name="">
                                    </span>
                            </td>
                        </tr>

                        <tr>
                            <td><span class="cly-info-key"> 业务部门：</span></td>
                            <td>
                                    <span class="cly-info-value">
                                        <input class="layui-input" readonly id="" name="">
                                    </span>
                            </td>
                        </tr>

                        <tr>
                            <td><span class="cly-info-key"> 进件来源：</span></td>
                            <td>
                                    <span class="cly-info-value">
                                        <input class="layui-input" readonly id="" name="">
                                    </span>
                            </td>
                        </tr>
                    </table>
                </div>

                <div class="cly-lineTitle">
                    <i class="fa fa-file-code-o"></i>分期信息
                    <button class="cly-btn layui-btn layui-btn-normal">保存</button>
                </div>
                <div class="cly-businessCon">
                    <table class="cly-valueBox">
                        <tr>
                            <td><span class="cly-info-key">车辆型号：</span></td>
                            <td>
                                    <span class="cly-info-value">
                                        <input class="layui-input" readonly id="" name="">
                                    </span>
                            </td>
                        </tr>

                        <tr>
                            <td><span class="cly-info-key">车辆价格(元)：</span></td>
                            <td>
                                    <span class="cly-info-value">
                                        <input class="layui-input" id="" name="">
                                    </span>
                            </td>
                        </tr>

                        <tr>
                            <td><span class="cly-info-key">首付金额(元)：</span></td>
                            <td>
                                    <span class="cly-info-value">
                                        <input class="layui-input" id="" name="">
                                    </span>
                            </td>
                        </tr>

                        <tr>
                            <td><span class="cly-info-key">实际贷款额(元)：</span></td>
                            <td>
                                    <span class="cly-info-value">
                                        <input class="layui-input" id="" name="">
                                    </span>
                            </td>
                        </tr>

                        <tr>
                            <td><span class="cly-info-key">贷款期限(元)：</span></td>
                            <td>
                                    <span class="cly-info-value">
                                        <input class="layui-input" id="" name="">
                                    </span>
                            </td>
                        </tr>

                        <tr>
                            <td><span class="cly-info-key">公司费率(%)：</span></td>
                            <td>
                                    <span class="cly-info-value">
                                        <input class="layui-input" id="" name="">
                                    </span>
                            </td>
                        </tr>
                    </table>
                </div>

                <div class="cly-lineTitle"><i class="fa fa-users"></i>购车人信息</div>
                <div class="cly-businessCon">
                    <table class="cly-valueBox">
                        <tr>
                            <td><span class="cly-info-key"> 购车人姓名：</span></td>
                            <td>
                                    <span class="cly-info-value">
                                        <input class="layui-input" readonly id="" name="">
                                    </span>
                            </td>
                        </tr>

                        <tr>
                            <td><span class="cly-info-key"> 性别：</span></td>
                            <td>
                                    <span class="cly-info-value">
                                        <input class="layui-input" readonly id="" name="">
                                    </span>
                            </td>
                        </tr>

                        <tr>
                            <td><span class="cly-info-key"> 证件号码：</span></td>
                            <td>
                                    <span class="cly-info-value">
                                        <input class="layui-input" readonly id="" name="">
                                    </span>
                            </td>
                        </tr>

                        <tr>
                            <td><span class="cly-info-key"> 户籍：</span></td>
                            <td>
                                    <span class="cly-info-value">
                                        <input class="layui-input" readonly id="" name="">
                                    </span>
                            </td>
                        </tr>

                        <tr>
                            <td><span class="cly-info-key"> 学历：</span></td>
                            <td>
                                    <span class="cly-info-value">
                                        <input class="layui-input" readonly id="" name="">
                                    </span>
                            </td>
                        </tr>

                        <tr>
                            <td><span class="cly-info-key"> 婚姻状况：</span></td>
                            <td>
                                    <span class="cly-info-value">
                                        <input class="layui-input" readonly id="" name="">
                                    </span>
                            </td>
                        </tr>

                        <tr>
                            <td><span class="cly-info-key"> 手机号码：</span></td>
                            <td>
                                    <span class="cly-info-value">
                                        <input class="layui-input" readonly id="" name="">
                                    </span>
                            </td>
                        </tr>

                        <tr>
                            <td><span class="cly-info-key"> 现住地址：</span></td>
                            <td>
                                    <span class="cly-info-value">
                                        <input class="layui-input" readonly id="" name="">
                                    </span>
                            </td>
                        </tr>

                        <tr>
                            <td><span class="cly-info-key"> 所属行业：</span></td>
                            <td>
                                    <span class="cly-info-value">
                                        <input class="layui-input" readonly id="" name="">
                                    </span>
                            </td>
                        </tr>

                        <tr>
                            <td><span class="cly-info-key"> 公司名称：</span></td>
                            <td>
                                    <span class="cly-info-value">
                                        <input class="layui-input" readonly id="" name="">
                                    </span>
                            </td>
                        </tr>

                        <tr>
                            <td><span class="cly-info-key"> 公司职务：</span></td>
                            <td>
                                    <span class="cly-info-value">
                                        <input class="layui-input" readonly id="" name="">
                                    </span>
                            </td>
                        </tr>

                        <tr>
                            <td><span class="cly-info-key"> 月收入(元)：</span></td>
                            <td>
                                    <span class="cly-info-value">
                                        <input class="layui-input" readonly id="" name="">
                                    </span>
                            </td>
                        </tr>
                    </table>
                </div>

                <div class="cly-lineTitle"><i class="fa fa-user-plus"></i>共同还款人信息</div>
                <div class="cly-businessCon">
                    <table class="cly-valueBox">
                        <tr>
                            <td><span class="cly-info-key"> 与借款人关系：</span></td>
                            <td>
                                    <span class="cly-info-value">
                                        <input class="layui-input" readonly id="" name="">
                                    </span>
                            </td>
                        </tr>

                        <tr>
                            <td><span class="cly-info-key"> 性别：</span></td>
                            <td>
                                    <span class="cly-info-value">
                                        <input class="layui-input" readonly id="" name="">
                                    </span>
                            </td>
                        </tr>

                        <tr>
                            <td><span class="cly-info-key"> 证件号码：</span></td>
                            <td>
                                    <span class="cly-info-value">
                                        <input class="layui-input" readonly id="" name="">
                                    </span>
                            </td>
                        </tr>

                        <tr>
                            <td><span class="cly-info-key"> 户籍：</span></td>
                            <td>
                                    <span class="cly-info-value">
                                        <input class="layui-input" readonly id="" name="">
                                    </span>
                            </td>
                        </tr>

                        <tr>
                            <td><span class="cly-info-key"> 学历：</span></td>
                            <td>
                                    <span class="cly-info-value">
                                        <input class="layui-input" readonly id="" name="">
                                    </span>
                            </td>
                        </tr>

                        <tr>
                            <td><span class="cly-info-key"> 婚姻状况：</span></td>
                            <td>
                                    <span class="cly-info-value">
                                        <input class="layui-input" readonly id="" name="">
                                    </span>
                            </td>
                        </tr>

                        <tr>
                            <td><span class="cly-info-key"> 手机号码：</span></td>
                            <td>
                                    <span class="cly-info-value">
                                        <input class="layui-input" readonly id="" name="">
                                    </span>
                            </td>
                        </tr>

                        <tr>
                            <td><span class="cly-info-key"> 现住地址：</span></td>
                            <td>
                                    <span class="cly-info-value">
                                        <input class="layui-input" readonly id="" name="">
                                    </span>
                            </td>
                        </tr>

                        <tr>
                            <td><span class="cly-info-key"> 所属行业：</span></td>
                            <td>
                                    <span class="cly-info-value">
                                        <input class="layui-input" readonly id="" name="">
                                    </span>
                            </td>
                        </tr>

                        <tr>
                            <td><span class="cly-info-key"> 公司名称：</span></td>
                            <td>
                                    <span class="cly-info-value">
                                        <input class="layui-input" readonly id="" name="">
                                    </span>
                            </td>
                        </tr>

                        <tr>
                            <td><span class="cly-info-key"> 公司职务：</span></td>
                            <td>
                                    <span class="cly-info-value">
                                        <input class="layui-input" readonly id="" name="">
                                    </span>
                            </td>
                        </tr>

                        <tr>
                            <td><span class="cly-info-key"> 月收入(元)：</span></td>
                            <td>
                                    <span class="cly-info-value">
                                        <input class="layui-input" readonly id="" name="">
                                    </span>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>

            <div class="cly-tab-item">
                <div class="cly-lineTitle"><i class="fa fa-money"></i>还款计划</div>
                <div class="cly-businessCon">
                    <table class="cly-valueBox">
                        <tr>
                            <td><span class="cly-info-key"> 借款金额：</span></td>
                            <td>
                                    <span class="cly-info-value">
                                        <input class="layui-input" readonly id="" name="">
                                    </span>
                            </td>
                        </tr>

                        <tr>
                            <td><span class="cly-info-key"> 还款总金额：</span></td>
                            <td>
                                    <span class="cly-info-value">
                                        <input class="layui-input" readonly id="" name="">
                                    </span>
                            </td>
                        </tr>

                        <tr>
                            <td><span class="cly-info-key"> 预计还款日期：</span></td>
                            <td>
                                    <span class="cly-info-value">
                                        <input class="layui-input" readonly id="" name="">
                                    </span>
                            </td>
                        </tr>

                        <tr>
                            <td><span class="cly-info-key"> 借款起息日：</span></td>
                            <td>
                                    <span class="cly-info-value">
                                        <input class="layui-input" readonly id="" name="">
                                    </span>
                            </td>
                        </tr>

                        <tr>
                            <td><span class="cly-info-key"> 借款期限：</span></td>
                            <td>
                                    <span class="cly-info-value">
                                        <input class="layui-input" readonly id="" name="">
                                    </span>
                            </td>
                        </tr>

                        <tr>
                            <td><span class="cly-info-key"> 平台服务费：</span></td>
                            <td>
                                    <span class="cly-info-value">
                                        <input class="layui-input" readonly id="" name="">
                                    </span>
                            </td>
                        </tr>

                        <tr>
                            <td><span class="cly-info-key"> 利息：</span></td>
                            <td>
                                    <span class="cly-info-value">
                                        <input class="layui-input" readonly id="" name="">
                                    </span>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>

            <div class="cly-tab-item">
                <div class="cly-lineTitle"><i class="fa fa-sort-amount-desc"></i>请求处理流转记录</div>
                <div class="cly-businessCon">
                    <ul class="layui-timeline">
                        <li class="layui-timeline-item">
                            <div class="cly-stepTime">正在处理……</div>
                            <i class="layui-icon layui-timeline-axis"></i>
                            <div class="layui-timeline-content cly-layui-text">
                                <h3 class="layui-timeline-title">【资金请求】操作人：资金申请专员</h3>
                                <p class="cly-layui-textP">
                                    无论它能走多远，抑或如何支撑？至少我曾倾注全心，无怨无悔
                                </p>
                            </div>
                        </li>
                        <li class="layui-timeline-item">
                            <div class="cly-stepTime">2018/5/17 15:15 星期四</div>
                            <i class="layui-icon layui-timeline-axis"></i>
                            <div class="layui-timeline-content cly-layui-text">
                                <h3 class="layui-timeline-title">【资金端放款】操作人：系统获取</h3>
                                <p class="cly-layui-textP">
                                    中国人民抗日战争胜利日永垂不朽
                                </p>
                            </div>
                        </li>
                        <li class="layui-timeline-item">
                            <i class="layui-icon layui-timeline-axis"></i>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="../../plugins/layui/layui.js"></script>
<script type="text/javascript">
    layui.use(['element','laypage', 'laydate','layer','jquery','form','upload'], function(element,laypage,laydate,layer,$,form,upload){

        $(".cly-tab-title li").click(function () {
            $(this).addClass("cly-this").siblings().removeClass("cly-this");
            var index = $(this).index();
            $(".cly-tab-content").find("div.cly-tab-item").eq(index).addClass("cly-show").siblings().removeClass("cly-show");

            //回到顶部
            $('body,html').animate({
                scrollTop: 0
            },500);
            return false;
        })

        var uploadInst = upload.render({
            elem: '#test1'
            ,url: '/upload/'
            ,before: function(obj){
                //预读本地文件示例，不支持ie8
                obj.preview(function(index, file, result){
                    $('#demo1').attr('src', result); //图片链接（base64）
                });
            }
            ,done: function(res){
                //如果上传失败
                if(res.code > 0){
                    return layer.msg('上传失败');
                }
                //上传成功
            }
            ,error: function(){
                //演示失败状态，并实现重传
                var demoText = $('#demoText');
                demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-xs demo-reload">重试</a>');
                demoText.find('.demo-reload').on('click', function(){
                    uploadInst.upload();
                });
            }
        });

    });
</script>
</body>
</html>
